#app{
    text-align: center;
}

.container{
    width: 500px;
    position: absolute;
    margin: 0 auto;
    border: solid 1px #000000;
}

.graph_container{
    width: 500px;
    height: 500px;
}


.control-left{
    position: absolute;
    left: 20px;
}

.control-right{
    position: absolute;
    right: 20px;
}


#graph{
    /*background-color: bisque;*/
}

.radial-stroke {
    stroke: gray;
    stroke-dasharray: 4px;
    stroke-width: 1px;
    opacity: 0.5;
}

.axis-outer {
    stroke: rgb(82, 79, 79);
    stroke-width: 2px;
}

.axis-inner-rise {
    stroke: rgb(82, 79, 79);
    stroke-width: 1px;
}

.axis-inner-drop {
    stroke: rgb(82, 79, 79);
    stroke-width: 1px;
}

.link-rise {
    stroke-opacity: 0.4;
    stroke-width: 1px;
    stroke-linecap: round;
    transition: all 0.3s ease;
}

.link-drop {
    stroke-opacity: 0.4;
    stroke-width: 1px;
    stroke-linecap: round;
    transition: all 0.3s ease;
}

.link-d-rise {
    stroke-width: 2px;
    /* transition: all 0.3s ease; */
    stroke-linecap: round;

}

.link-d-drop {
    stroke-width: 2px;
    /* transition: all 0.3s ease; */
    stroke-linecap: round;
}

#tooltip {
    max-width: 100px;
    position: absolute;
    padding: 10px;
    color: #fff;
    font: 0.8em Arial;
    background: #272c36;
    border: 10px;
    border-radius: 8px;
    pointer-events: none;
    text-align: left;
    line-height: 1.5em;
    font-weight: bold;
    z-index:999;
}
